
#addon-bar > #status-bar > #exttest-status {
    visibility: collapse;
}

#exttest-status,
#exttest-status > .exttest-label,
#exttest-toolbar,
#exttest-toolbar > .exttest-label,
#exttest-toolbar-button {
    -moz-box-orient: horizontal;
}
#exttest-status > .exttest-label {
    padding: 0;
    padding-left: 1px;
    -moz-appearance: none;
}

#exttest-status > image.exttest-toolbar-icon,
#exttest-toolbar-button > image.exttest-toolbar-icon {
    list-style-image: url(icon-16.png);
}

#exttest-toolbar-count,
#exttest-toolbar-sql-time {
    font-size: 75%;
}

.exttest-clock {
    list-style-image: url(clock.png);
    margin-left: 2px;
}

#exttest-toolbar-panel .text-link {
    -moz-binding: url("chrome://exttest/content/exttest.xml#text-link");
}

/*
n = 12
w = 12
for i in range(0, n + 1):
    print('.exttest-clock[time="%d"] { -moz-image-region: rect(0px,  % 3spx, %dpx, % 3spx); }'
            % (i * 360 / n,
               w * (i + 1),
               w,
               w * i))
*/
.exttest-clock[time="0"]   { -moz-image-region: rect(0px,   12px, 12px,   0px); }
.exttest-clock[time="30"]  { -moz-image-region: rect(0px,   24px, 12px,  12px); }
.exttest-clock[time="60"]  { -moz-image-region: rect(0px,   36px, 12px,  24px); }
.exttest-clock[time="90"]  { -moz-image-region: rect(0px,   48px, 12px,  36px); }
.exttest-clock[time="120"] { -moz-image-region: rect(0px,   60px, 12px,  48px); }
.exttest-clock[time="150"] { -moz-image-region: rect(0px,   72px, 12px,  60px); }
.exttest-clock[time="180"] { -moz-image-region: rect(0px,   84px, 12px,  72px); }
.exttest-clock[time="210"] { -moz-image-region: rect(0px,   96px, 12px,  84px); }
.exttest-clock[time="240"] { -moz-image-region: rect(0px,  108px, 12px,  96px); }
.exttest-clock[time="270"] { -moz-image-region: rect(0px,  120px, 12px, 108px); }
.exttest-clock[time="300"] { -moz-image-region: rect(0px,  132px, 12px, 120px); }
.exttest-clock[time="330"] { -moz-image-region: rect(0px,  144px, 12px, 132px); }
.exttest-clock[time="360"] { -moz-image-region: rect(0px,  156px, 12px, 144px); }
.exttest-clock[time="r0"]   { -moz-image-region: rect(12px,   12px, 24px,   0px); }
.exttest-clock[time="r30"]  { -moz-image-region: rect(12px,   24px, 24px,  12px); }
.exttest-clock[time="r60"]  { -moz-image-region: rect(12px,   36px, 24px,  24px); }
.exttest-clock[time="r90"]  { -moz-image-region: rect(12px,   48px, 24px,  36px); }
.exttest-clock[time="r120"] { -moz-image-region: rect(12px,   60px, 24px,  48px); }
.exttest-clock[time="r150"] { -moz-image-region: rect(12px,   72px, 24px,  60px); }
.exttest-clock[time="r180"] { -moz-image-region: rect(12px,   84px, 24px,  72px); }
.exttest-clock[time="r210"] { -moz-image-region: rect(12px,   96px, 24px,  84px); }
.exttest-clock[time="r240"] { -moz-image-region: rect(12px,  108px, 24px,  96px); }
.exttest-clock[time="r270"] { -moz-image-region: rect(12px,  120px, 24px, 108px); }
.exttest-clock[time="r300"] { -moz-image-region: rect(12px,  132px, 24px, 120px); }
.exttest-clock[time="r330"] { -moz-image-region: rect(12px,  144px, 24px, 132px); }
.exttest-clock[time="r360"] { -moz-image-region: rect(12px,  156px, 24px, 144px); }

.exttest-label {
    min-width: 0;
}
.exttest-label-title {
    font-weight: bold;
    margin-left: 0;
    margin-right: 1px;
}
.exttest-label-count {
    font-weight: normal;
    margin-left: 1px;
    margin-right: 0;
}

